CSS的全名是 Cascading Style Sheets 階層式樣式表
CSS屬性非常非常多，我們目前只需去認識一些常用與實用的
有遇到想用其他特殊的風格，再去查閱相關的語法 ➢ w3schools: CSS Syntax4
( 此圖使用 w3schools )
由選擇器和聲明塊組成
選擇器指向要設置樣式的 HTML 元素 (id、class)
每個聲明包含一個 CSS 屬性名稱和一個值，會以:做分隔
多個 CSS 聲明用分號;分隔，再用{}包起來
範例:
h1 {
color: aquamarine; text-align: center;
}
分成三種:
style 寫在標籤內，定義其屬性
<h1 style="color:rgb(59, 132, 191) ;">
青年創業及啟動金貸款創業貸款申請表</h1>
放在 < head > < /head > 裡
<head>
<style>
h1{
color: darkseagreen;
}
h4{
color: dimgray;
}
</style>
</head>
有沒有發現 h1 顏色沒有改變呢?
這裡就要順帶一提CSS權重關係(specificity)了
有重複定義樣式時，由內而外 越接近 html 的核心權重就越高
行內樣式(Inline Style) > 內部樣式表(Internal Style Sheet) > 外部樣式表(External Style Sheet)
另外，!important
是樣式階級中最高級的，只要標記 !important 那個樣式將會擁有皇帝般的特權
做了一張簡單的圖讓大家能大概了解CSS的位階
會另外寫在一個檔案 (*.css) 裡，並於html < head > 裡載入其檔案
▼
將這段CSS另外寫一個檔案，另存為"style.css"
h1{
text-align: center;
}
h4{
text-align: center;
}
▼
再由HTML建立連結連到此檔案
<link rel="stylesheet" href="./style.css"
將此段放入< head > < /head >裡
/*這段是註解 */ (可直接 ctrl + /)
今天我們先認識CSS的使用規則，之後就一起來認識常用的屬性繽紛我們的網頁吧!
iThome鐵人賽
看影片追技術
